import router from './router'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
// 引入最大的app页面
import App from './App.vue'
// ？实例
const app = createApp(App)
// 实现pinia持久化
import piniaPluginPersist from 'pinia-plugin-persist'
// pinia
const store = createPinia()
store.use(piniaPluginPersist)
import 'element-plus/theme-chalk/dark/css-vars.css'
// 引入element Plus里面的icon
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import './assets/css/styles/dark/css-vars.css'
// MessageBox
import 'element-plus/theme-chalk/src/message-box.scss'
import 'element-plus/theme-chalk/src/message.scss'
// 注册所有icon图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// 按需引入 因为新加入第四行所以不在是之前的方法，而是用了下面的方法 具体是那种自己研究吧
// 我只知道因为加了第四行所以下面引入的时候更改了一下形式
// 国际化
import i18n from './locales/index'
// 全局混入
import useDicts from '@mixins/DIctsPlugin'
// 引入全局分页组件 真正意义上的全局组件
import pagination from '@components/pagination/index.vue'
// 使用全局组件
app.component('Pagination',pagination)
app.use(createPinia())
app.use(i18n)
app.use(store)
app.use(router)
app.use(useDicts)
app.mount('#app')
